@charset "UTF-8";
/* 设置整体背景 */
body {
	background-image:
		url('https://th.bing.com/th/id/R.72be151df029db893dd53205cf6c2c11?rik=YrpEsMNMvUmXdA&pid=ImgRaw&r=0');
	/* 替换为实际的背景图片路径 */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* 样式化其他元素 */
.navbar {
	/* 设置导航栏的样式，以确保其在背景上可见 */
	background-color: rgba(0, 0, 0, 0.7); /* 使用半透明颜色以防止背景过于突兀 */
}

/* 导航栏设计 */
.navbar {
  background-color: #000000; /* 黑色背景 */
}

.navbar-brand,
.navbar-nav .nav-link {
  color: #fff; /* 白色文字 */
}

.navbar-nav .nav-link:hover {
  color: #ffa500; /* 鼠标悬停时的橙色 */
}

/* 切换按钮样式 */
.navbar-toggler-icon {
  background-color: #fff; /* 切换按钮的颜色 */
}

/* 搜索按钮样式 */
.btn-outline-light {
  color: #fff; /* 白色文字 */
  border: 1px solid #fff; /* 白色边框 */
}

.btn-outline-light:hover {
  background-color: #ffa500; /* 鼠标悬停时的橙色背景 */
  color: #fff; /* 白色文字 */
}
/* footer设计 */
footer {
  background-color: #000000; /* 黑 色背景 */
  color: #fff; /* 白色文字 */
  padding: 15px; /* 上下左右各留出15px的空白 */
  text-align: center; /* 文字居中 */
  font-size: 14px; /* 字体大小 */
}

/* 可选：添加悬停效果 */
footer:hover {
  background-color: #555; /* 鼠标悬停时的背景色 */
}

/* 可选：调整字体样式 */
footer a {
  color: #007bff; /* 链接颜色为蓝色 */
  text-decoration: none; /* 链接无下划线 */
  font-weight: bold; /* 加粗字体 */
}

footer a:hover {
  text-decoration: underline; /* 链接悬停时显示下划线 */
}